<template>
  <div>
    <div class="top">
      <div v-if="close" class="ndis500"><van-icon name="cross" size="24" /></div>
      <div v-else class="ndis500"><van-icon name="arrow-left" size="24" /></div>
      <div class="fs18 fwb">{{ title }}</div>
      <div class="ndis500"><van-icon :name="icon" v-if="icon" size="20"/><van-icon :name="icon2" v-if="icon2" size="20" class="mgl8"/></div>
    </div>
    <h2 class="mgl20 fwb">{{ btitle }}</h2>
  </div>
</template>
<style>
@import "../public.css";
@import "../ui/vant-ui/ui.css";
.top{
  /* flex jcsb aic pd20 */
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
@media (min-width:500px) {
  .top{
    justify-content: center;
  }
}
</style>
<script>
module.exports = {
  name: "top",
  props: ["title","close","btitle",'icon','icon2'],
};
</script>
